/*
 * @Description: 利用权限列表 操作组件
 * @Author: Rfan
 * @Date: 2022-04-07 15:49:26
 * @LastEditTime: 2022-04-27 10:30:54
 */

import { Button, Typography } from 'antd';
import classNames from 'classnames/bind';
import { useUseRightContext } from '../../contexts/UseRightContext';

import styles from '../../styles/list.module.scss';

const cx = classNames.bind(styles);

const { Paragraph, Text } = Typography;

const ListOperate = () => {
  const { clickSaveBtn } = useUseRightContext();
  const saveRights = () => {
    clickSaveBtn();
  };
  return (
    <div className="filter-container">
      <Paragraph type="secondary" className={cx('page-title')}>
        在<Text type="success">文书档案</Text>
        中，在档案检索模块中，用户将拥有以下权限
      </Paragraph>
      <Button
        onClick={() => {
          saveRights();
        }}
      >
        保存
      </Button>
    </div>
  );
};

export default ListOperate;
